.avatar-container {
  overflow: visible;
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  .avatar-img {
      border-radius: 50%;
      overflow: hidden;
    position: relative;
    top: 4rpx;
  }
  .edit-container {
    position: absolute;
    bottom: -4rpx;
    .replace {
        flex-shrink: 0;
        box-shadow: -3rpx -3rpx 10rpx rgba(0, 0, 0, 0.4);
        height: 30rpx;
        border-radius: 15rpx;
        line-height: 30rpx;
        position: relative;
        padding: 0 10rpx;
        pointer-events: none;
        .iconfont {
            margin-right: 6rpx;
        }
    }
    .wx-avatar-btn {
        flex-shrink: 0;
        width: 100%;
        height: 200%;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0;
    }
  }
}